<template>
  <div class="search">
    <Row>
      <Col>
        <Card>
          <Row>
            <input type="text" v-model="name">
          </Row>
          <Form inline :label-width="70" class="search-form">
            <Form-item label="学号" prop="name">
                 <Input type="text" v-model="name" placeholder="" clearable style="width: 200px"/>
          </Form-item>
          <Alert>{{change}}</Alert>
          </Form>
        </Card>
      </Col>
    </Row>
  </div>
</template>

<script>
export default {
  name: "tools",
  components: {
  },
  data() {
    return {
        message:'',
        name:'',
    }
  },
  methods:{
      
  },
  computed:{
      change:function(){
            return `/${this.name}/index.html`;
            // return this.name.split('').reverse().join('')
      }
  },
  mounted(){
    //   this.init();
  }
};
</script>
<style lang="less">
.search {
    .operation {
        margin-bottom: 2vh;
    }
    .select-count {
        font-size: 13px;
        font-weight: 600;
        color: #40a9ff;
    }
    .select-clear {
        margin-left: 10px;
    }
    .page {
        margin-top: 2vh;
    }
    .drop-down {
        font-size: 13px;
        margin-left: 5px;
    }
}
</style>
